{include file="public/header" /}
{load href="__PLUGINS__bootstrap/bootstrap-table.min.css"}
{load href="__PLUGINS__bootstrap/bootstrap-table.min.js"}
<style>
    #des, #des input {
        width: 40px;
        text-align: center;
    }

    #id {
        width: 78px;
    }

    .bs-checkbox {
        width: 36px;
        height: 40px
    }

    .fixed-table-toolbar .columns, .fixed-table-toolbar .search {
        margin-left: 0;
        margin-top: 0
    }

    #title span {
        float: right;
    }

    .asdlkjasd {
        background: #1ab394;
        color: #fff
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content {:config('adminClass.main')}">
    <div class="ibox float-e-margins">
        {include file="public/tophead"}
        {include file="public/top" /}
        <div class="ibox-content">
            {include file="public/topsection"}
            <div class="row row-lg">
                <div class="col-sm-12">
                    <div style="display:block;clear: both;"></div>
                    <div class="fixed-table-toolbar">
                        <button class="btn btn-primary " onclick="device()">新增
                        </button>
                        <form method="get" action="" style="display: flex;">
                            <div class="pull-left search" style="display: flex;">
                                <div class="columns columns-right btn-group pull-left">
                                    <select class="form-control" name="search">
                                        <option value="device_id" {php}if(input(
                                        '?param.search')){if(input('param.search')=='device_id'){echo "selected";}
                                        }{/php}>设备ID</option>
                                    </select>
                                </div>

                                <div class="pull-right search">
                                    <input class="form-control input-outline" type="text"
                                           {php}
                                           if(input('?param.name')){
                                    if(input('param.name')){
                                    echo "value='".input('name')."'";
                                    }
                                    }
                                    {/php}
                                    name="name" placeholder="搜索">
                                </div>

                                <div class="pull-right search">
                                    <button style="border-radius:0px; border:1px solid #e5e6e7; border-left:0px"
                                            class="btn btn-default btn-outline" type="submit">搜索
                                    </button>
                                </div>

                                <input name="start" type="text" id="start" class="form-control layui-input" value="{present name='start'}{$start}{/present}" placeholder=" # 起始时间" autocomplete="off" style="height:34px;width:180px;margin:0 10px;">
                                <input name="end" type="text" id="end" class="form-control layui-input" value="{present name='end'}{$end}{/present}" placeholder=" # 结束时间" autocomplete="off" style="height:34px;width:180px;margin:0 10px;">

                                {php}
                                if(input('?param.name')){
                                {/php}
                                <div class="pull-right search">
                                    <a class="btn btn-w-m btn-link" href="{:url('device')}">返回列表</a>
                                </div>
                                {php}
                                }
                                {/php}

                            </div>
                        </form>
                    </div>
                    <div class="example">
                        <form class="form-horizontal" method="post">
                            <table data-toggle="table">
                                <thead>
                                <tr>
                                    <th class="bs-checkbox"><input type="checkbox" id="delidAll"></th>
                                    <th data-align="center">设备ID</th>
                                    <th data-align="center">原因</th>
                                    <th data-align="center">添加时间</th>
                                    <th data-align="center">操作</th>
                                </tr>
                                </thead>
                                <tbody id="form">
                                {volist name="data" id="v"}
                                <tr id="id{$v.id}" class="class">
                                    <td id="delid" ><input name="delAll[]" type="checkbox" value="{$v.id}"></td>
                                    <td>{$v.device_id}
                                    </td>
                                    <td>
                                        {$v.reason}
                                    </td>
                                    <td>
                                        <span {if condition="date('Ymd')==date('Ymd',$v.create_time)"}style="color: #ed5565"{/if}>{:date('Y-m-d H:i', $v.create_time)}</span>
                                    </td>
                                    <td>
                                        <div class="btn-group">
                                            <div data-toggle="dropdown" class="btn btn-primary btn-xs dropdown-toggle">
                                                <span onClick="unwarn('{$v['id']}')">解除</span>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                {/volist}
                                </tbody>
                            </table>
                        </form>
                    </div>
                </div>
            </div>
            <hr>
            <div class="row row-lg">
                <div class="col-sm-12 pages">{$page}</div>
            </div>
        </div>
    </div>
</div>
<div id="device" style="text-align:center;display:none;margin: 0px 30px;padding:10px 100px">
    <div style="margin-bottom:10px"></div>
    <input id="devicevalue" class="form-control layui-input" value="" autocomplete="off" placeholder="设备号">
    <input id="devicereason" class="form-control layui-input" value="" autocomplete="off" placeholder="原因">
    <input id="optsource" class="form-control layui-input" value="管理后台" autocomplete="off" placeholder="操作来源" type="hidden">
</div>
{include file="public/footer" /}
{load href="__PLUGINS__iCheck/icheck.min.js"}
{load href="__PLUGINS__iCheck/custom.css"}

<script type="text/javascript">
    $(document).ready(function(){

        $('#delidAll').click(function(){
            $('input[type=checkbox]').each(function(){
                var self=$(this);
                if(!self.prop('checked')){
                    self.prop('checked',true);
                }else{
                    self.prop('checked',false);
                }
            });
        })
    });

    layui.use(['laydate'], function(){
        var laydate = layui.laydate;

        laydate.render({
            elem: '#start' //指定元素
            ,type: 'datetime'
            ,trigger: 'click'
        });

        laydate.render({
            elem: '#end' //指定元素
            ,type: 'datetime'
            ,trigger: 'click'
        });
    })

    function member(id)
    {
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                title :'预览',
                area: ['100%', '100%'],
                type: 2,
                content: '{:url("member/index")}?search=id&name='+id
            });
        });
    }
    function device() {
        var index = layer.open({
            area: ['540px', '200px'],
            type: 1,
            title: '添加到封禁设备',
            content: $('#device'),
            btn: ['确定', '取消'],
            yes: function (index, layero) {
                var value = $("#devicevalue").val();
                var reason = $("#devicereason").val();
                var optsource = $("#optsource").val();
                $.ajax({
                    type: 'POST',
                    url: "{:url('addDevice')}",
                    data: {device_id: value, reason,optsource},
                    dataType: 'json',
                    success: function (date) {
                        if (date.state) {
                            layer.msg(date.msg, {icon: 1});
                            layer.close(index);
                            setTimeout(()=>{
                                window.location.reload();
                            }, 1000)
                        } else {
                            layer.msg(date.msg, {icon: 0});
                            layer.close(index);
                        }
                    },
                    error: function (e) {
                        layer.msg(e.responseText);
                    }
                });
            }
        })
    }
    function unwarn(id) {
        $.ajax({
            type: 'POST',
            url: "{:url('unDevice')}",
            data: {id: id},
            dataType: 'json',
            success: function (date) {
                if (date.state) {
                    layer.msg(date.msg, {icon: 1});
                    setTimeout(()=>{
                        window.location.reload();
                    }, 1000)
                } else {
                    layer.msg(date.msg, {icon: 0});
                }
            },
            error: function (e) {
                layer.msg(e.responseText);
            }
        });
    }

</script>
 